<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv=Content-Type content="text/html; charset=utf-8">
  <meta http-equiv=X-UA-Compatible content="IE=edge">
  <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <meta name=apple-mobile-web-app-capable content=yes>
  <meta name=apple-mobile-web-app-status-bar-style content=black>
  <meta name=format-detection content="telephone=no">
  <meta http-equiv=X-UA-Compatible content="chrome=1">
  <meta name=renderer content=webkit>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>浙江省公共数据报告</title>
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="../public/echarts.css">
  <link href="../public/iconfont.css" rel="stylesheet">
  <link rel="stylesheet" href="../public/element/index.css">
  <link rel="stylesheet" href="../public/mint-style.css">
  <link rel="stylesheet" href="hz.css">
</head>
<body>
  <!-- Swiper -->
    <div id="app" v-cloak>
        <header class="mint-header is-fixed" style="height:auto;line-height:unset;flex-direction: column;justify-content: center">
          <h1 class="mint-header-title" style="height:40px;line-height:40px;font-size:18px;"> 浙有数</h1>
          <div style="width:100%;display:flex;justify-content:space-around;margin: 10px 0px;">
            <span class="iconSpan">
              <i class="iconfont icontongjitu111"></i>
              <span>热门数据</span>
            </span>
            <span class="iconSpan">
              <i class="iconfont iconmulushuju"></i>
              <span>热门主题</span>
            </span>
            <span class="iconSpan">
              <i class="iconfont iconfuwu"></i>
              <span>热门应用</span>
            </span>
            <span class="iconSpan">
              <i class="iconfont iconjishu"></i>
              <span>热门技术</span>
            </span>
          </div>
        </header>
        <div class="main" style="margin-top:119px;height:calc( 100vh - 174px);">
          <div class="contain">
            <div class="allJob" style="padding:10px 20px;background-color: white;margin-top:8px;">
              <span style="padding:10px 0px 20px 0px;color:#37a2da;">全部工作</span>
              <el-row :gutter="2" style="margin-top:10px;">
                <el-col :span="6" >
                  <span class="iconSpan iconGreen">
                    <i class="iconfont iconqunzu"></i>
                    <span>人口库</span>
                  </span>
                </el-col>
                <el-col :span="6">
                  <span class="iconSpan iconRed">
                    <i class="iconfont iconshiwu-chuizi"></i>
                    <span>法人库</span>
                  </span>
                </el-col>
                <el-col :span="6">
                  <span class="iconSpan iconYellow">
                    <i class="iconfont iconguanli1"></i>
                    <span>清洗</span>
                  </span>
                </el-col>
                <el-col :span="6">
                  <span class="iconSpan iconBlue">
                    <i class="iconfont iconwendang1"></i>
                    <span>项目管理</span>
                  </span>
                </el-col>
              </el-row>
              <el-row :gutter="2">
                  <el-col :span="6" >
                    <span class="iconSpan iconBlue">
                      <i class="iconfont iconcz-wenjianzc"></i>
                      <span>普查</span>
                    </span>
                  </el-col>
                  <el-col :span="6">
                    <span class="iconSpan iconGreen">
                      <i class="iconfont icondiqiu"></i>
                      <span>开放</span>
                    </span>
                  </el-col>
                  <el-col :span="6">
                    <a href="catalog.html">
                      <span class="iconSpan iconRed">
                      <i class="iconfont iconshuju6"></i>
                      <span>目录</span>
                    </a>
                    </span>
                  </el-col>
                  <el-col :span="6">
                    <span class="iconSpan iconYellow">
                      <i class="iconfont iconzhuanhuan"></i>
                      <span>交换</span>
                    </span>
                  </el-col>
              </el-row>
              <el-row :gutter="2">
                  <el-col :span="6" >
                    <span class="iconSpan iconRed">
                      <i class="iconfont iconerji-yingyongyunhangbaobiao"></i>
                      <span>经济运行</span>
                    </span>
                  </el-col>
                  <el-col :span="6">
                    <span class="iconSpan iconYellow">
                      <i class="iconfont iconxin"></i>
                      <span>信用库</span>
                    </span>
                  </el-col>
                  <el-col :span="6">
                    <span class="iconSpan iconGreen">
                      <i class="iconfont icondianzizhengzhao"></i>
                      <span>证照库</span>
                    </span>
                  </el-col>
                  <el-col :span="6">
                    <span class="iconSpan iconBlue">
                      <i class="iconfont icontubiaoshu"></i>
                      <span>共享</span>
                    </span>
                  </el-col>
              </el-row>
            </div>
            <div class="notice" style="padding:10px 20px;background-color: white;margin-top:8px;">
              <span class="title">公告</span>
              <div style="margin-top:10px;padding-bottom: 10px;border-bottom: 1px solid #e6e6e6;">
                <div style="display: flex">
                  <span class="blue"></span>
                  <span style="text-align: left;color: black;
                  font-size: 16px;">浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革</span>
                </div>
                <p style="text-align: right; font-size:13px"><span style="margin-right:20px;">人社厅</span><span>2019/06/12</span></p>
              </div>
              <div style="margin-top:10px;padding-bottom: 10px;border-bottom: 1px solid #e6e6e6;">
                <div style="display: flex">
                  <span class="blue"></span>
                  <span style="text-align: left;color: black;
                  font-size: 16px;">浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革</span>
                </div>
                <p style="text-align: right; font-size:13px"><span style="margin-right:20px;">人社厅</span><span>2019/06/12</span></p>
              </div>
              <div style="margin-top:10px;padding-bottom: 10px;">
                  <div style="display: flex">
                    <span class="blue"></span>
                    <span style="text-align: left;color: black;
                    font-size: 16px;">浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革</span>
                  </div>
                  <p style="text-align: right; font-size:13px"><span style="margin-right:20px;">人社厅</span><span>2019/06/12</span></p>
              </div>
            </div>
            <div class="newInfo" style="padding:10px 20px;background-color: white;margin-top:8px;">
              <span class="title">新闻动态</span>
              <div style="display:flex;flex-direction: row;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                <div style="width:60%">
                    <span style="text-align: left;color: black;font-size: 14px;display: block;margin-top: 10px;">
                      浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革
                    </span>
                    <span style="text-align: left;font-size: 12px;display: block;margin-top: 5px;">
                      当天下午2时，走进青浦区行政服务中心，长三角一体
                    </span>
                </div>
                <div style="width:40%">
                  <img src="../image/timg.jpg" style="width: 100%;">
                </div>
              </div>
              <div style="display:flex;flex-direction: row;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                <div style="width:60%">
                    <span style="text-align: left;color: black;font-size: 14px;display: block;margin-top: 10px;">
                      浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革
                    </span>
                    <span style="text-align: left;font-size: 12px;display: block;margin-top: 5px;">
                      当天下午2时，走进青浦区行政服务中心，长三角一体
                    </span>
                </div>
                <div style="width:40%">
                  <img src="../image/timg.jpg" style="width: 100%;">
                </div>
              </div>
              <div style="display:flex;flex-direction: row;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                <div style="width:60%">
                    <span style="text-align: left;color: black;font-size: 14px;display: block;margin-top: 10px;">
                      浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革
                    </span>
                    <span style="text-align: left;font-size: 12px;display: block;margin-top: 5px;">
                      当天下午2时，走进青浦区行政服务中心，长三角一体
                    </span>
                </div>
                <div style="width:40%">
                  <img src="../image/timg.jpg" style="width: 100%;">
                </div>
              </div>
            </div>
            <div class="newInfo" style="padding:10px 20px;background-color: white;margin-top:8px;">
              <span class="title">精选案例</span>
              <div style="display:flex;flex-direction: row;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                <div style="width:60%">
                    <span style="text-align: left;color: black;font-size: 14px;display: block;margin-top: 10px;">
                      浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革
                    </span>
                    <span style="text-align: left;font-size: 12px;display: block;margin-top: 5px;">
                      当天下午2时，走进青浦区行政服务中心，长三角一体
                    </span>
                </div>
                <div style="width:40%">
                  <img src="../image/timg.jpg" style="width: 100%;">
                </div>
              </div>
              <div style="display:flex;flex-direction: row;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                <div style="width:60%">
                    <span style="text-align: left;color: black;font-size: 14px;display: block;margin-top: 10px;">
                      浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革
                    </span>
                    <span style="text-align: left;font-size: 12px;display: block;margin-top: 5px;">
                      当天下午2时，走进青浦区行政服务中心，长三角一体
                    </span>
                </div>
                <div style="width:40%">
                  <img src="../image/timg.jpg" style="width: 100%;">
                </div>
              </div>
              <div style="display:flex;flex-direction: row;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                <div style="width:60%">
                    <span style="text-align: left;color: black;font-size: 14px;display: block;margin-top: 10px;">
                      浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革
                    </span>
                    <span style="text-align: left;font-size: 12px;display: block;margin-top: 5px;">
                      当天下午2时，走进青浦区行政服务中心，长三角一体
                    </span>
                </div>
                <div style="width:40%">
                  <img src="../image/timg.jpg" style="width: 100%;">
                </div>
              </div>
            </div>
          </div>
        </div>
        <mt-tabbar v-model="selected">
            <mt-tab-item id="tab1">
              <i slot="icon" class="iconfont iconshouye" @click="changeUrl('hz.html')"></i>
              <span @click="changeUrl('hz.html')">首页</span>
            </mt-tab-item>
            <mt-tab-item id="tab2">
              <i slot="icon" class="iconfont iconxiaoxi4"></i>
              消息
            </mt-tab-item>
            <mt-tab-item id="tab3">
              <i slot="icon" class="iconfont iconkefu"></i>
              客服
            </mt-tab-item>
            <mt-tab-item id="tab4">
              <i slot="icon" class="iconfont iconrenshu" @click="changeUrl('my.html')"></i>
              <span @click="changeUrl('my.html')">我的</span>
            </mt-tab-item>
        </mt-tabbar>
    </div>

  <!-- Swiper JS -->
  <script src="../public/vue.js"></script>
  <script src="../public/echarts.js"></script>
  <script src="../public/element/index.js"></script>
  <script src="../public/mint.js"></script>
  <script src="../public/sass.js"></script>
  <script src="hz.js"></script>

</body>

</html>
